<!-- 配额管理 -->
<template>
	<uv-navbar :fixed="true" :placeholder="true" :title="title" left-arrow @leftClick="$onClickLeft" />
	<view class="container">

		<uv-tabs :list="list" :current="current" :scrollable="false" lineWidth="60" @click="handleTab"></uv-tabs>
		<template v-if="current == '0'">
			<overView :list="overviewList" title="配额" />
			<configRefrence />
			<carbonEmission />
			<totalEnergy />
		</template>
		<template v-else-if="current == '1'">

			<alarm />
		</template>

	</view>


</template>

<script setup>
	import {
		ref
	} from "vue"
	import configRefrence from "./components/configRefrence.vue"
	import carbonEmission from "./components/carbonEmission.vue"
	import totalEnergy from "./components/totalEnergy.vue"
	import overView from "@/pages/components/module/overview/overview"
	import alarm from "./components/alarm.vue"
	const title = ref('配额管理')
	const current = ref(0)
	const list = ref([{
		name: '统计',
	}, {
		name: '告警',
	}, ])
	const overviewList = ref([{
		value: '1452.5',
		title: '应清缴碳配额(t)'
	}, {
		value: '685.2',
		title: '清缴碳配额缺口(t)'
	}, ])

	const handleTab = (e) => {
		console.log("点击", e)
		current.value = e.index
	}
</script>

<style lang="scss" scoped>
</style>